Adlandırılmış renk · #EDCC99
Knightley Straw
Knightley Straw, #EDCC99: rgb(237 204 153), hsl(36 70% 76%), oklch(0.861 0.076 78.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Knightley Straw color name →
#EDCC99
oklch(0.861 0.076 78.3)
Renk dönüşümleri
- HEX
- #edcc99
- RGB
- rgb(237 204 153)
- HSL
- hsl(36 70% 76%)
- HWB
- hwb(36 60% 7%)
- OKLCH
- oklch(0.861 0.076 78.3)
- OKLab
- oklab(0.861 0.015 0.074)
- CIE Lab
- lab(84 6.8 30)
- LCH
- lch(84 30.76 77.2)
- CMYK
- cmyk(0% 14% 35% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EFD1A3
- F1D6AE
- F3DBB8
- F4E1C2
- F6E6CC
- F8EBD7
- FAF0E1
- FCF5EB
- FDFAF5
Koyu tonlar
- CEB184
- B09770
- 937E5D
- 77654A
- 5C4E38
- 423727
- 2A2217
- 140F08
- 030201
Gri tonlar
- E2C497
- D6BC95
- CBB592
- C0AD90
- B5A58E
- AA9E8B
- A09688
- 958F86
- 8A8783
Renk uyumları
Tamamlayıcı +180°
- EDCC99
Knightley Straw
- B6D3FF
≈ Ice Cold Stare
Analog -30° +30°
- EDCC99
Knightley Straw
- FCC3A6
≈ Sweet Apricot
- D5D69C
≈ Crocodile Tears
Üçlü +120° +240°
- EDCC99
Knightley Straw
- 94E1E4
≈ Aqua Fiesta
- E7C2F2
≈ Purple’s Baby Sister
Bölünmüş tamamlayıcı +150° +210°
- EDCC99
Knightley Straw
- 9CDCF9
≈ Columbia Blue
- CFCAFF
≈ Lavender Blue
Dörtlü +90° +180° +270°
- EDCC99
Knightley Straw
- A0E2C8
≈ Reef Green
- B6D3FF
≈ Ice Cold Stare
- F8BEDA
≈ Flamingo Feather
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.53:1 · APCA Lc 25
Ag
AAASiyah üzerinde
WCAG 13.69:1 · APCA Lc 78
En iyi metin rengi: #000000
WCAG 13.69:1 (AAA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--knightley-straw: #edcc99;
--knightley-straw-rgb: 237 204 153;
--knightley-straw-oklch: oklch(0.861 0.076 78.3);
}
.element {
color: var(--knightley-straw);
background-color: hsl(36 70% 76%);
border-color: oklch(0.861 0.076 78.3);
}Tailwind CSS v4
@theme {
--color-knightley-straw: #edcc99;
--color-knightley-straw-50: #fff3dd;
--color-knightley-straw-100: #f5e6cc;
--color-knightley-straw-200: #e5d1b0;
--color-knightley-straw-300: #ccb48c;
--color-knightley-straw-400: #b7996b;
--color-knightley-straw-500: #a28049;
--color-knightley-straw-600: #896c3f;
--color-knightley-straw-700: #6e5732;
--color-knightley-straw-800: #513f23;
--color-knightley-straw-900: #392b17;
--color-knightley-straw-950: #231808;
}SCSS
$knightley-straw: #edcc99;
$knightley-straw-rgb: 237, 204, 153;
$knightley-straw-light: mix(#fff, $knightley-straw, 20%);
$knightley-straw-dark: mix(#000, $knightley-straw, 20%);
.element {
color: $knightley-straw;
box-shadow: 0 0 0 2px rgba($knightley-straw, 0.35);
}