Nazwany kolor · #E3CAB5
Geyser Basin
Geyser Basin to #E3CAB5: rgb(227 202 181), hsl(27 45% 80%), oklch(0.854 0.04 62.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Geyser Basin color name →
#E3CAB5
oklch(0.854 0.04 62.3)
Konwersje koloru
- HEX
- #e3cab5
- RGB
- rgb(227 202 181)
- HSL
- hsl(27 45% 80%)
- HWB
- hwb(27 71% 11%)
- OKLCH
- oklch(0.854 0.04 62.3)
- OKLab
- oklab(0.854 0.019 0.035)
- CIE Lab
- lab(83.04 6.64 13.9)
- LCH
- lch(83.04 15.41 64.5)
- CMYK
- cmyk(0% 11% 20% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E6CFBC
- E9D4C4
- ECDACB
- EEDFD2
- F1E4DA
- F4EAE1
- F7EFE9
- FAF4F0
- FCFAF7
Odcienie ciemniejsze
- C5AF9D
- A89586
- 8C7C6F
- 716459
- 574D44
- 3F3730
- 27221D
- 120F0C
- 030202
Tony
- D9C2B0
- CEBBAA
- C4B3A5
- BAACA0
- B0A49A
- A79D95
- 9D9690
- 938E8A
- 898785
Harmonie kolorów
Komplementarna +180°
- E3CAB5
Geyser Basin
- B9D3E8
≈ Light Sea Cliff
Analogowa -30° +30°
- E3CAB5
Geyser Basin
- E8C6BF
≈ Iced Cherry
- D8CFB2
≈ Lake Bluff Putty
Triada +120° +240°
- E3CAB5
Geyser Basin
- B3D8D1
≈ Wave Top
- D4C9E6
≈ Purity
Komplementarna rozszczepiona +150° +210°
- E3CAB5
Geyser Basin
- B2D7DF
≈ Needed Escape
- C6CEEA
≈ Purple Pj’s
Tetrada +90° +180° +270°
- E3CAB5
Geyser Basin
- BDD7C3
≈ Namaste
- B9D3E8
≈ Light Sea Cliff
- E0C6DB
≈ Marvellous Magic
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.56:1 · APCA Lc 26
Ag
AAANa czerni
WCAG 13.38:1 · APCA Lc 77
Najlepszy kolor tekstu: #000000
WCAG 13.38:1 (AAA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--geyser-basin: #e3cab5;
--geyser-basin-rgb: 227 202 181;
--geyser-basin-oklch: oklch(0.854 0.04 62.3);
}
.element {
color: var(--geyser-basin);
background-color: hsl(27 45% 80%);
border-color: oklch(0.854 0.04 62.3);
}Tailwind CSS v4
@theme {
--color-geyser-basin: #e3cab5;
--color-geyser-basin-50: #fef3ea;
--color-geyser-basin-100: #f2e5da;
--color-geyser-basin-200: #e1d1c3;
--color-geyser-basin-300: #c6b4a3;
--color-geyser-basin-400: #b09a87;
--color-geyser-basin-500: #9a816b;
--color-geyser-basin-600: #826d5b;
--color-geyser-basin-700: #685749;
--color-geyser-basin-800: #4d3f35;
--color-geyser-basin-900: #362c24;
--color-geyser-basin-950: #211913;
}SCSS
$geyser-basin: #e3cab5;
$geyser-basin-rgb: 227, 202, 181;
$geyser-basin-light: mix(#fff, $geyser-basin, 20%);
$geyser-basin-dark: mix(#000, $geyser-basin, 20%);
.element {
color: $geyser-basin;
box-shadow: 0 0 0 2px rgba($geyser-basin, 0.35);
}