Adlandırılmış renk · #EEC987
Ochre Revival
Ochre Revival, #EEC987: rgb(238 201 135), hsl(38 75% 73%), oklch(0.853 0.094 81.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Ochre Revival color name →
#EEC987
oklch(0.853 0.094 81.4)
Renk dönüşümleri
- HEX
- #eec987
- RGB
- rgb(238 201 135)
- HSL
- hsl(38 75% 73%)
- HWB
- hwb(38 53% 7%)
- OKLCH
- oklch(0.853 0.094 81.4)
- OKLab
- oklab(0.853 0.014 0.093)
- CIE Lab
- lab(83.11 7.24 38.06)
- LCH
- lch(83.11 38.74 79.2)
- CMYK
- cmyk(0% 16% 43% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F0CF94
- F2D4A0
- F3D9AC
- F5DFB8
- F7E4C4
- F9EAD0
- FAEFDC
- FCF4E8
- FDFAF3
Koyu tonlar
- CFAE75
- B19563
- 937C51
- 776441
- 5C4C31
- 423621
- 2A2213
- 140F06
- 030201
Gri tonlar
- E3C287
- D7BA87
- CCB387
- C1AB86
- B6A486
- AB9D85
- A09684
- 958E83
- 8B8781
Renk uyumları
Tamamlayıcı +180°
- EEC987
Ochre Revival
- B5D0FF
≈ Ice Cold Stare
Analog -30° +30°
- EEC987
Ochre Revival
- FFBE99
≈ Happy Prawn
- D0D58D
≈ Golden Delicious
Üçlü +120° +240°
- EEC987
Ochre Revival
- 7EE1E8
≈ Turkish Turquoise
- ECBBF4
≈ Lovecloud
Bölünmüş tamamlayıcı +150° +210°
- EEC987
Ochre Revival
- 91DAFF
≈ Shiva Blue
- CFC6FF
≈ Innocent Snowdrop
Dörtlü +90° +180° +270°
- EEC987
Ochre Revival
- 8CE3C7
≈ Clean Green
- B5D0FF
≈ Ice Cold Stare
- FFB6D6
≈ Candy Bar
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.57:1 · APCA Lc 26
Ag
AAASiyah üzerinde
WCAG 13.33:1 · APCA Lc 77
En iyi metin rengi: #000000
WCAG 13.33:1 (AAA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
CSS
:root {
--ochre-revival: #eec987;
--ochre-revival-rgb: 238 201 135;
--ochre-revival-oklch: oklch(0.853 0.094 81.4);
}
.element {
color: var(--ochre-revival);
background-color: hsl(38 75% 73%);
border-color: oklch(0.853 0.094 81.4);
}Tailwind CSS v4
@theme {
--color-ochre-revival: #eec987;
--color-ochre-revival-50: #fff3d8;
--color-ochre-revival-100: #f7e6c5;
--color-ochre-revival-200: #e8d1a7;
--color-ochre-revival-300: #cfb480;
--color-ochre-revival-400: #bb995c;
--color-ochre-revival-500: #a57f35;
--color-ochre-revival-600: #8c6c2e;
--color-ochre-revival-700: #705625;
--color-ochre-revival-800: #543e19;
--color-ochre-revival-900: #3a2b10;
--color-ochre-revival-950: #241803;
}SCSS
$ochre-revival: #eec987;
$ochre-revival-rgb: 238, 201, 135;
$ochre-revival-light: mix(#fff, $ochre-revival, 20%);
$ochre-revival-dark: mix(#000, $ochre-revival, 20%);
.element {
color: $ochre-revival;
box-shadow: 0 0 0 2px rgba($ochre-revival, 0.35);
}