Nazwany kolor · #93C9D0
Bathing
Bathing to #93C9D0: rgb(147 201 208), hsl(187 39% 70%), oklch(0.801 0.057 206.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Bathing color name →
#93C9D0
oklch(0.801 0.057 206.1)
Konwersje koloru
- HEX
- #93c9d0
- RGB
- rgb(147 201 208)
- HSL
- hsl(187 39% 70%)
- HWB
- hwb(187 58% 18%)
- OKLCH
- oklch(0.801 0.057 206.1)
- OKLab
- oklab(0.801 -0.051 -0.025)
- CIE Lab
- lab(77.39 -16.91 -9.48)
- LCH
- lch(77.39 19.39 209.3)
- CMYK
- cmyk(29% 3% 0% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9ECED5
- A9D4D9
- B4D9DE
- BFDFE3
- CAE4E7
- D4E9EC
- DFEFF1
- EAF4F6
- F4FAFA
Odcienie ciemniejsze
- 7FAEB5
- 6C959A
- 597C80
- 476467
- 364C4F
- 253639
- 162223
- 080F10
- 010202
Tony
- 92C1C8
- 90BABF
- 8EB3B7
- 8DABAF
- 8BA4A7
- 899D9F
- 879597
- 858E8F
- 828788
Harmonie kolorów
Komplementarna +180°
- 93C9D0
Bathing
- E0B1AB
≈ Mesa Pink
Analogowa -30° +30°
- 93C9D0
Bathing
- 98CABD
≈ Cool Juniper
- 9CC4DE
≈ Pale Cerulean
Triada +120° +240°
- 93C9D0
Bathing
- D2B2D2
≈ Lavender Knoll
- CEBC95
≈ Subtle Suede
Komplementarna rozszczepiona +150° +210°
- 93C9D0
Bathing
- DDAFBF
≈ Pentalon
- DBB59B
≈ Pink Tulle
Tetrada +90° +180° +270°
- 93C9D0
Bathing
- C1B7DF
≈ Melrose
- E0B1AB
≈ Mesa Pink
- BCC39A
≈ Green Mist
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.82:1 · APCA Lc 34
Ag
AAANa czerni
WCAG 11.50:1 · APCA Lc 69
Najlepszy kolor tekstu: #000000
WCAG 11.50:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmenty kodu
CSS
:root {
--bathing: #93c9d0;
--bathing-rgb: 147 201 208;
--bathing-oklch: oklch(0.801 0.057 206.1);
}
.element {
color: var(--bathing);
background-color: hsl(187 39% 70%);
border-color: oklch(0.801 0.057 206.1);
}Tailwind CSS v4
@theme {
--color-bathing: #93c9d0;
--color-bathing-50: #e4fafe;
--color-bathing-100: #d3eef2;
--color-bathing-200: #b9dce1;
--color-bathing-300: #96c0c7;
--color-bathing-400: #76a8af;
--color-bathing-500: #569199;
--color-bathing-600: #4a7b81;
--color-bathing-700: #3b6267;
--color-bathing-800: #2a484b;
--color-bathing-900: #1c3234;
--color-bathing-950: #0c1e20;
}SCSS
$bathing: #93c9d0;
$bathing-rgb: 147, 201, 208;
$bathing-light: mix(#fff, $bathing, 20%);
$bathing-dark: mix(#000, $bathing, 20%);
.element {
color: $bathing;
box-shadow: 0 0 0 2px rgba($bathing, 0.35);
}