Nazwany kolor · #A38E00
Romaine Green
Romaine Green to #A38E00: rgb(163 142 0), hsl(52 100% 32%), oklch(0.646 0.134 98.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Romaine Green color name →
#A38E00
oklch(0.646 0.134 98.7)
Konwersje koloru
- HEX
- #a38e00
- RGB
- rgb(163 142 0)
- HSL
- hsl(52 100% 32%)
- HWB
- hwb(52 0% 36%)
- OKLCH
- oklch(0.646 0.134 98.7)
- OKLab
- oklab(0.646 -0.02 0.132)
- CIE Lab
- lab(59.47 -0.69 62.88)
- LCH
- lch(59.47 62.88 90.6)
- CMYK
- cmyk(0% 13% 100% 36%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AC9934
- B5A550
- BEB068
- C7BB7F
- D0C694
- D9D2AA
- E2DDBF
- ECE8D4
- F5F4EA
Odcienie ciemniejsze
- 8D7B00
- 786800
- 635600
- 4F4400
- 3C3400
- 2A2400
- 191500
- 0A0700
- 010100
Tony
- 9F8D25
- 9C8C36
- 988B43
- 95894E
- 918858
- 8E8761
- 8A8569
- 878371
- 838279
Harmonie kolorów
Komplementarna +180°
- A38E00
Romaine Green
- 7D84DE
≈ Tanzine
Analogowa -30° +30°
- A38E00
Romaine Green
- C27C19
≈ Guo Tie Dumpling
- 759D3C
≈ Indubitably Green
Triada +120° +240°
- A38E00
Romaine Green
- 009EBE
≈ Greek Blue
- C26BA9
≈ Crocus
Komplementarna rozszczepiona +150° +210°
- A38E00
Romaine Green
- 4393DB
≈ Flax Flower Blue
- A576CC
≈ Wisteria
Tetrada +90° +180° +270°
- A38E00
Romaine Green
- 00A39B
≈ Grecian Isle
- 7D84DE
≈ Tanzine
- D1687D
≈ Pinkish
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.26:1 · APCA Lc 60
Ag
AANa czerni
WCAG 6.42:1 · APCA Lc 42
Najlepszy kolor tekstu: #000000
WCAG 6.42:1 (AA) · APCA Lc 42
Contrast pairs
Fragmenty kodu
CSS
:root {
--romaine-green: #a38e00;
--romaine-green-rgb: 163 142 0;
--romaine-green-oklch: oklch(0.646 0.134 98.7);
}
.element {
color: var(--romaine-green);
background-color: hsl(52 100% 32%);
border-color: oklch(0.646 0.134 98.7);
}Tailwind CSS v4
@theme {
--color-romaine-green: #a38e00;
--color-romaine-green-50: #fdf7cb;
--color-romaine-green-100: #f1eab7;
--color-romaine-green-200: #e1d693;
--color-romaine-green-300: #c6b965;
--color-romaine-green-400: #b39f32;
--color-romaine-green-500: #9d8600;
--color-romaine-green-600: #857100;
--color-romaine-green-700: #6a5b00;
--color-romaine-green-800: #504100;
--color-romaine-green-900: #382d00;
--color-romaine-green-950: #221a00;
}SCSS
$romaine-green: #a38e00;
$romaine-green-rgb: 163, 142, 0;
$romaine-green-light: mix(#fff, $romaine-green, 20%);
$romaine-green-dark: mix(#000, $romaine-green, 20%);
.element {
color: $romaine-green;
box-shadow: 0 0 0 2px rgba($romaine-green, 0.35);
}