Nazwany kolor · #D28B42
Buried Treasure
Buried Treasure to #D28B42: rgb(210 139 66), hsl(30 62% 54%), oklch(0.696 0.124 63.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Buried Treasure color name →
#D28B42
oklch(0.696 0.124 63.9)
Konwersje koloru
- HEX
- #d28b42
- RGB
- rgb(210 139 66)
- HSL
- hsl(30 62% 54%)
- HWB
- hwb(30 26% 18%)
- OKLCH
- oklch(0.696 0.124 63.9)
- OKLab
- oklab(0.696 0.054 0.111)
- CIE Lab
- lab(64.31 23.07 49.36)
- LCH
- lch(64.31 54.49 64.9)
- CMYK
- cmyk(0% 34% 69% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D79758
- DCA26C
- E1AE7F
- E6BA91
- EAC5A4
- EFD1B6
- F3DCC8
- F7E8DA
- FBF3ED
Odcienie ciemniejsze
- B67838
- 9B662F
- 815425
- 68431C
- 503214
- 39230B
- 241405
- 100701
- 020100
Tony
- CA8A4B
- C28A53
- BA895A
- B28861
- AA8767
- A1866D
- 998472
- 918377
- 89827C
Harmonie kolorów
Komplementarna +180°
- D28B42
Buried Treasure
- 51A5E4
≈ High Blue
Analogowa -30° +30°
- D28B42
Buried Treasure
- DF7F69
≈ Wet Pottery Clay
- B69B33
≈ Sahara
Triada +120° +240°
- D28B42
Buried Treasure
- 00B5A5
≈ Glass Jar Blue
- AE89DB
≈ Middy’s Purple
Komplementarna rozszczepiona +150° +210°
- D28B42
Buried Treasure
- 00B0CB
≈ Havasupai Falls
- 8596E9
≈ Perrywinkle
Tetrada +90° +180° +270°
- D28B42
Buried Treasure
- 57B379
≈ Ming Green
- 51A5E4
≈ High Blue
- CB7FBD
≈ Peruvian Lily
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.79:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.51:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--buried-treasure: #d28b42;
--buried-treasure-rgb: 210 139 66;
--buried-treasure-oklch: oklch(0.696 0.124 63.9);
}
.element {
color: var(--buried-treasure);
background-color: hsl(30 62% 54%);
border-color: oklch(0.696 0.124 63.9);
}Tailwind CSS v4
@theme {
--color-buried-treasure: #d28b42;
--color-buried-treasure-50: #ffefd1;
--color-buried-treasure-100: #ffe0bd;
--color-buried-treasure-200: #f9ca9c;
--color-buried-treasure-300: #e3ab72;
--color-buried-treasure-400: #d18e4a;
--color-buried-treasure-500: #be7110;
--color-buried-treasure-600: #a06013;
--color-buried-treasure-700: #814d10;
--color-buried-treasure-800: #60370b;
--color-buried-treasure-900: #432607;
--color-buried-treasure-950: #2b1400;
}SCSS
$buried-treasure: #d28b42;
$buried-treasure-rgb: 210, 139, 66;
$buried-treasure-light: mix(#fff, $buried-treasure, 20%);
$buried-treasure-dark: mix(#000, $buried-treasure, 20%);
.element {
color: $buried-treasure;
box-shadow: 0 0 0 2px rgba($buried-treasure, 0.35);
}