Nazwany kolor · #EBD4AE
Givry
Givry to #EBD4AE: rgb(235 212 174), hsl(37 60% 80%), oklch(0.879 0.056 80.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Givry color name →
#EBD4AE
oklch(0.879 0.056 80.2)
Konwersje koloru
- HEX
- #ebd4ae
- RGB
- rgb(235 212 174)
- HSL
- hsl(37 60% 80%)
- HWB
- hwb(37 68% 8%)
- OKLCH
- oklch(0.879 0.056 80.2)
- OKLab
- oklab(0.879 0.01 0.055)
- CIE Lab
- lab(86.13 4.04 21.94)
- LCH
- lch(86.13 22.31 79.6)
- CMYK
- cmyk(0% 10% 26% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EDD8B6
- EFDDBE
- F1E1C6
- F3E5CE
- F5EAD7
- F7EEDF
- F9F2E7
- FBF6EF
- FDFBF7
Odcienie ciemniejsze
- CCB897
- AE9D80
- 91836A
- 756955
- 5B5141
- 413A2E
- 29241C
- 13100B
- 030201
Tony
- E0CBA9
- D5C3A5
- CABAA0
- BFB29C
- B4A997
- A9A193
- 9F998E
- 949089
- 8A8885
Harmonie kolorów
Komplementarna +180°
- EBD4AE
Givry
- C2D9FD
≈ Broad Daylight
Analogowa -30° +30°
- EBD4AE
Givry
- F7CDB7
≈ Cape Sands
- D9DBB1
≈ Spring Thyme
Triada +120° +240°
Komplementarna rozszczepiona +150° +210°
- EBD4AE
Givry
- B2DFF6
≈ Fairy Sparkles
- D6D2FB
≈ Pale Lavender
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.44:1 · APCA Lc 21
Ag
AAANa czerni
WCAG 14.56:1 · APCA Lc 82
Najlepszy kolor tekstu: #000000
WCAG 14.56:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--givry: #ebd4ae;
--givry-rgb: 235 212 174;
--givry-oklch: oklch(0.879 0.056 80.2);
}
.element {
color: var(--givry);
background-color: hsl(37 60% 80%);
border-color: oklch(0.879 0.056 80.2);
}Tailwind CSS v4
@theme {
--color-givry: #ebd4ae;
--color-givry-50: #fdf4e4;
--color-givry-100: #f1e7d3;
--color-givry-200: #e0d3ba;
--color-givry-300: #c6b597;
--color-givry-400: #b09b79;
--color-givry-500: #9a825b;
--color-givry-600: #826e4d;
--color-givry-700: #68583e;
--color-givry-800: #4d402c;
--color-givry-900: #362c1e;
--color-givry-950: #21190e;
}SCSS
$givry: #ebd4ae;
$givry-rgb: 235, 212, 174;
$givry-light: mix(#fff, $givry, 20%);
$givry-dark: mix(#000, $givry, 20%);
.element {
color: $givry;
box-shadow: 0 0 0 2px rgba($givry, 0.35);
}