Nazwany kolor · #E2D0B3
Lovely Bluff
Lovely Bluff to #E2D0B3: rgb(226 208 179), hsl(37 45% 79%), oklch(0.865 0.044 79.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Lovely Bluff color name →
#E2D0B3
oklch(0.865 0.044 79.8)
Konwersje koloru
- HEX
- #e2d0b3
- RGB
- rgb(226 208 179)
- HSL
- hsl(37 45% 79%)
- HWB
- hwb(37 70% 11%)
- OKLCH
- oklch(0.865 0.044 79.8)
- OKLab
- oklab(0.865 0.008 0.043)
- CIE Lab
- lab(84.42 3.1 16.85)
- LCH
- lch(84.42 17.13 79.6)
- CMYK
- cmyk(0% 8% 21% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E5D5BB
- E8D9C2
- EBDECA
- EEE3D1
- F1E7D9
- F3ECE0
- F6F1E8
- F9F6F0
- FCFAF7
Odcienie ciemniejsze
- C4B59B
- A89A84
- 8C806E
- 716758
- 574F43
- 3E392F
- 27231D
- 12100C
- 030201
Tony
- D8C8AE
- CEC0A9
- C4B7A4
- BAAF9F
- B0A799
- A69F94
- 9C978F
- 938F8A
- 898885
Harmonie kolorów
Komplementarna +180°
- E2D0B3
Lovely Bluff
- C2D4F0
≈ Mr. Glass
Analogowa -30° +30°
- E2D0B3
Lovely Bluff
- EBCBBA
≈ Scotchtone
- D4D6B5
≈ Prairie Willow
Triada +120° +240°
- E2D0B3
Lovely Bluff
- B2DCDE
≈ Light Watermark
- E0CAE5
≈ Syrian Violet
Komplementarna rozszczepiona +150° +210°
- E2D0B3
Lovely Bluff
- B6D9EA
≈ Watercolour Sky
- D1CEEE
≈ Miami White
Tetrada +90° +180° +270°
- E2D0B3
Lovely Bluff
- B7DCCE
≈ Mirador
- C2D4F0
≈ Mr. Glass
- EAC7D7
≈ Merry Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.51:1 · APCA Lc 24
Ag
AAANa czerni
WCAG 13.90:1 · APCA Lc 79
Najlepszy kolor tekstu: #000000
WCAG 13.90:1 (AAA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--lovely-bluff: #e2d0b3;
--lovely-bluff-rgb: 226 208 179;
--lovely-bluff-oklch: oklch(0.865 0.044 79.8);
}
.element {
color: var(--lovely-bluff);
background-color: hsl(37 45% 79%);
border-color: oklch(0.865 0.044 79.8);
}Tailwind CSS v4
@theme {
--color-lovely-bluff: #e2d0b3;
--color-lovely-bluff-50: #fbf4e7;
--color-lovely-bluff-100: #efe7d8;
--color-lovely-bluff-200: #ded3c0;
--color-lovely-bluff-300: #c3b69f;
--color-lovely-bluff-400: #ac9c82;
--color-lovely-bluff-500: #968365;
--color-lovely-bluff-600: #7f6f56;
--color-lovely-bluff-700: #655945;
--color-lovely-bluff-800: #4b4131;
--color-lovely-bluff-900: #342d22;
--color-lovely-bluff-950: #1f1a11;
}SCSS
$lovely-bluff: #e2d0b3;
$lovely-bluff-rgb: 226, 208, 179;
$lovely-bluff-light: mix(#fff, $lovely-bluff, 20%);
$lovely-bluff-dark: mix(#000, $lovely-bluff, 20%);
.element {
color: $lovely-bluff;
box-shadow: 0 0 0 2px rgba($lovely-bluff, 0.35);
}