En yakın adlandırılmış renk · #CE7100
#CE7100
En yakın adlandırılmış renk: Maine Coon Orange
#CE7100 (rgb(206 113 0), hsl(33 100% 40%), oklch(0.641 0.152 58.9)) en çok Maine Coon Orange adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#CE7100
oklch(0.641 0.152 58.9)
Renk dönüşümleri
- HEX
- #ce7100
- RGB
- rgb(206 113 0)
- HSL
- hsl(33 100% 40%)
- HWB
- hwb(33 0% 19%)
- OKLCH
- oklch(0.641 0.152 58.9)
- OKLab
- oklab(0.641 0.079 0.13)
- CIE Lab
- lab(57.63 33.34 64.91)
- LCH
- lch(57.63 72.97 62.8)
- CMYK
- cmyk(0% 45% 100% 19%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D48033
- DA8E4F
- E09D67
- E5AB7D
- EAB993
- EFC7A9
- F3D5BE
- F7E3D4
- FBF1E9
Koyu tonlar
- B36100
- 985200
- 7F4300
- 663500
- 4E2700
- 381A00
- 230E00
- 0F0400
- 020100
Gri tonlar
- C77424
- BF7635
- B87842
- B07A4D
- A97B57
- A17C60
- 997E69
- 917F71
- 897F79
Renk uyumları
Tamamlayıcı +180°
- CE7100
Maine Coon Orange
- 0096D9
≈ Kahu Blue
Analog -30° +30°
- CE7100
Maine Coon Orange
- D96254
≈ Deep Sea Coral
- AC8700
≈ Chestnut Gold
Üçlü +120° +240°
- CE7100
Maine Coon Orange
- 00A38E
≈ Fishy House
- 9A74DB
≈ Iridescent Purple
Bölünmüş tamamlayıcı +150° +210°
- CE7100
Maine Coon Orange
- 009EB0
≈ Lake Blue
- 6785E8
≈ Soft Blue
Dörtlü +90° +180° +270°
- CE7100
Maine Coon Orange
- 39A556
≈ Fruit Salad
- 0096D9
≈ Kahu Blue
- BD67B9
≈ Lavendless
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.50:1 · APCA Lc 62
Ag
AASiyah üzerinde
WCAG 5.98:1 · APCA Lc 40
En iyi metin rengi: #000000
WCAG 5.98:1 (AA) · APCA Lc 40
Contrast pairs
Kod parçacıkları
CSS
:root {
--maine-coon-orange: #ce7100;
--maine-coon-orange-rgb: 206 113 0;
--maine-coon-orange-oklch: oklch(0.641 0.152 58.9);
}
.element {
color: var(--maine-coon-orange);
background-color: hsl(33 100% 40%);
border-color: oklch(0.641 0.152 58.9);
}Tailwind CSS v4
@theme {
--color-maine-coon-orange: #ce7100;
--color-maine-coon-orange-50: #ffecca;
--color-maine-coon-orange-100: #ffddb5;
--color-maine-coon-orange-200: #ffc691;
--color-maine-coon-orange-300: #f0a462;
--color-maine-coon-orange-400: #df8532;
--color-maine-coon-orange-500: #cd6600;
--color-maine-coon-orange-600: #ad5700;
--color-maine-coon-orange-700: #8b4600;
--color-maine-coon-orange-800: #683100;
--color-maine-coon-orange-900: #492200;
--color-maine-coon-orange-950: #301000;
}SCSS
$maine-coon-orange: #ce7100;
$maine-coon-orange-rgb: 206, 113, 0;
$maine-coon-orange-light: mix(#fff, $maine-coon-orange, 20%);
$maine-coon-orange-dark: mix(#000, $maine-coon-orange, 20%);
.element {
color: $maine-coon-orange;
box-shadow: 0 0 0 2px rgba($maine-coon-orange, 0.35);
}