Nazwany kolor · #F08101
Rè Dài Chéng Orange
Rè Dài Chéng Orange to #F08101: rgb(240 129 1), hsl(32 99% 47%), oklch(0.713 0.172 57.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Rè Dài Chéng Orange color name →
#F08101
oklch(0.713 0.172 57.1)
Konwersje koloru
- HEX
- #f08101
- RGB
- rgb(240 129 1)
- HSL
- hsl(32 99% 47%)
- HWB
- hwb(32 0% 6%)
- OKLCH
- oklch(0.713 0.172 57.1)
- OKLab
- oklab(0.713 0.094 0.145)
- CIE Lab
- lab(65.85 39.18 72.27)
- LCH
- lch(65.85 82.2 61.5)
- CMYK
- cmyk(0% 46% 100% 6%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F38F39
- F69C55
- F8A96D
- FAB683
- FCC299
- FDCEAD
- FEDBC2
- FFE7D6
- FFF3EB
Odcienie ciemniejsze
- D16F01
- B25E01
- 954E00
- 783E00
- 5D2E00
- 431F00
- 2A1200
- 140600
- 030100
Tony
- E58228
- DA833A
- CF8347
- C48452
- B9845C
- AE8364
- A3836C
- 988273
- 8C817A
Harmonie kolorów
Komplementarna +180°
- F08101
Rè Dài Chéng Orange
- 00AFF7
≈ Democrat
Analogowa -30° +30°
- F08101
Rè Dài Chéng Orange
- FC7165
≈ Flirty Salmon
- C99B00
≈ Molten Bronze
Triada +120° +240°
- F08101
Rè Dài Chéng Orange
- 00BDA1
≈ First Post
- AF88FF
≈ Lilac Geode
Komplementarna rozszczepiona +150° +210°
- F08101
Rè Dài Chéng Orange
- 00B7C9
≈ Lago Blue
- 799DFF
≈ Periwinkle Blue
Tetrada +90° +180° +270°
- F08101
Rè Dài Chéng Orange
- 47BE5E
≈ Forest Maid
- 00AFF7
≈ Democrat
- D977DA
≈ Hibiscus Pop
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.67:1 · APCA Lc 51
Ag
AAANa czerni
WCAG 7.84:1 · APCA Lc 50
Najlepszy kolor tekstu: #000000
WCAG 7.84:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmenty kodu
CSS
:root {
--re-dai-cheng-orange: #f08101;
--re-dai-cheng-orange-rgb: 240 129 1;
--re-dai-cheng-orange-oklch: oklch(0.713 0.172 57.1);
}
.element {
color: var(--re-dai-cheng-orange);
background-color: hsl(32 99% 47%);
border-color: oklch(0.713 0.172 57.1);
}Tailwind CSS v4
@theme {
--color-re-dai-cheng-orange: #f08101;
--color-re-dai-cheng-orange-50: #ffeac5;
--color-re-dai-cheng-orange-100: #ffdbaf;
--color-re-dai-cheng-orange-200: #ffc288;
--color-re-dai-cheng-orange-300: #f8a055;
--color-re-dai-cheng-orange-400: #e87f16;
--color-re-dai-cheng-orange-500: #d65e00;
--color-re-dai-cheng-orange-600: #b55000;
--color-re-dai-cheng-orange-700: #914000;
--color-re-dai-cheng-orange-800: #6d2d00;
--color-re-dai-cheng-orange-900: #4d1e00;
--color-re-dai-cheng-orange-950: #330d00;
}SCSS
$re-dai-cheng-orange: #f08101;
$re-dai-cheng-orange-rgb: 240, 129, 1;
$re-dai-cheng-orange-light: mix(#fff, $re-dai-cheng-orange, 20%);
$re-dai-cheng-orange-dark: mix(#000, $re-dai-cheng-orange, 20%);
.element {
color: $re-dai-cheng-orange;
box-shadow: 0 0 0 2px rgba($re-dai-cheng-orange, 0.35);
}