Adlandırılmış renk · #EFCF9B
Bright Clove
Bright Clove, #EFCF9B: rgb(239 207 155), hsl(37 72% 77%), oklch(0.869 0.076 79.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Bright Clove color name →
#EFCF9B
oklch(0.869 0.076 79.6)
Renk dönüşümleri
- HEX
- #efcf9b
- RGB
- rgb(239 207 155)
- HSL
- hsl(37 72% 77%)
- HWB
- hwb(37 61% 6%)
- OKLCH
- oklch(0.869 0.076 79.6)
- OKLab
- oklab(0.869 0.014 0.075)
- CIE Lab
- lab(84.96 6.28 30.27)
- LCH
- lch(84.96 30.91 78.3)
- CMYK
- cmyk(0% 13% 35% 6%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F1D4A5
- F2D9AF
- F4DEBA
- F6E2C4
- F7E7CD
- F9ECD7
- FAF1E1
- FCF5EB
- FEFAF5
Koyu tonlar
- D0B486
- B19972
- 947F5E
- 78674B
- 5C4F39
- 423828
- 2A2318
- 141009
- 030201
Gri tonlar
- E3C799
- D8BF96
- CDB794
- C1AF91
- B6A78F
- AB9F8C
- A09789
- 958F86
- 8B8883
Renk uyumları
Tamamlayıcı +180°
- EFCF9B
Bright Clove
- BBD6FF
≈ Oh Boy!
Analog -30° +30°
- EFCF9B
Bright Clove
- FEC6A8
≈ Bright Citrus
- D7D99F
≈ Liminality
Üçlü +120° +240°
- EFCF9B
Bright Clove
- 96E4E7
≈ Aqua Fiesta
- EBC4F4
≈ Purple’s Baby Sister
Bölünmüş tamamlayıcı +150° +210°
- EFCF9B
Bright Clove
- 9FDEFD
≈ Columbia Blue
- D2CDFF
≈ Lavender Blue
Dörtlü +90° +180° +270°
- EFCF9B
Bright Clove
- A1E5CC
≈ Turquoise Tower
- BBD6FF
≈ Oh Boy!
- FCC0DB
≈ Cotton Candy
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.49:1 · APCA Lc 23
Ag
AAASiyah üzerinde
WCAG 14.06:1 · APCA Lc 80
En iyi metin rengi: #000000
WCAG 14.06:1 (AAA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--bright-clove: #efcf9b;
--bright-clove-rgb: 239 207 155;
--bright-clove-oklch: oklch(0.869 0.076 79.6);
}
.element {
color: var(--bright-clove);
background-color: hsl(37 72% 77%);
border-color: oklch(0.869 0.076 79.6);
}Tailwind CSS v4
@theme {
--color-bright-clove: #efcf9b;
--color-bright-clove-50: #fff4dd;
--color-bright-clove-100: #f5e6cc;
--color-bright-clove-200: #e5d2b0;
--color-bright-clove-300: #cbb48b;
--color-bright-clove-400: #b79a6a;
--color-bright-clove-500: #a18049;
--color-bright-clove-600: #886d3e;
--color-bright-clove-700: #6d5731;
--color-bright-clove-800: #513f23;
--color-bright-clove-900: #382b17;
--color-bright-clove-950: #231908;
}SCSS
$bright-clove: #efcf9b;
$bright-clove-rgb: 239, 207, 155;
$bright-clove-light: mix(#fff, $bright-clove, 20%);
$bright-clove-dark: mix(#000, $bright-clove, 20%);
.element {
color: $bright-clove;
box-shadow: 0 0 0 2px rgba($bright-clove, 0.35);
}