Nazwany kolor · #CCA537
Aru Ressha
Aru Ressha to #CCA537: rgb(204 165 55), hsl(44 59% 51%), oklch(0.738 0.131 88.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Aru Ressha color name →
#CCA537
oklch(0.738 0.131 88.6)
Konwersje koloru
- HEX
- #cca537
- RGB
- rgb(204 165 55)
- HSL
- hsl(44 59% 51%)
- HWB
- hwb(44 22% 20%)
- OKLCH
- oklch(0.738 0.131 88.6)
- OKLab
- oklab(0.738 0.003 0.131)
- CIE Lab
- lab(69.92 6.74 59.34)
- LCH
- lch(69.92 59.73 83.5)
- CMYK
- cmyk(0% 19% 73% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D1AE52
- D6B768
- DBC07C
- E0C990
- E6D2A3
- EBDBB5
- F0E4C8
- F5EDDA
- FAF6ED
Odcienie ciemniejsze
- B18F2E
- 977926
- 7E651E
- 655116
- 4E3D0F
- 372B08
- 221A03
- 0F0A01
- 020100
Tony
- C4A244
- BC9E4E
- B59A57
- AD975F
- A59366
- 9E906C
- 968C72
- 8F8877
- 87847C
Harmonie kolorów
Komplementarna +180°
- CCA537
Aru Ressha
- 88A6FD
≈ Fennel Flower
Analogowa -30° +30°
- CCA537
Aru Ressha
- E7944E
≈ Butternut Pizazz
- A2B54E
≈ Azeitona
Triada +120° +240°
- CCA537
Aru Ressha
- 00C0D5
≈ The Crowd Roars!
- D78BD3
≈ Blush Essence
Komplementarna rozszczepiona +150° +210°
- CCA537
Aru Ressha
- 4DB5F3
≈ Megaman
- B597F2
≈ Dreamy Candy Forest
Tetrada +90° +180° +270°
- CCA537
Aru Ressha
- 1AC5AB
≈ Amazonite
- 88A6FD
≈ Fennel Flower
- EC85A9
≈ Aurora Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.33:1 · APCA Lc 46
Ag
AAANa czerni
WCAG 9.00:1 · APCA Lc 56
Najlepszy kolor tekstu: #000000
WCAG 9.00:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmenty kodu
CSS
:root {
--aru-ressha: #cca537;
--aru-ressha-rgb: 204 165 55;
--aru-ressha-oklch: oklch(0.738 0.131 88.6);
}
.element {
color: var(--aru-ressha);
background-color: hsl(44 59% 51%);
border-color: oklch(0.738 0.131 88.6);
}Tailwind CSS v4
@theme {
--color-aru-ressha: #cca537;
--color-aru-ressha-50: #fff4cb;
--color-aru-ressha-100: #f8e7b6;
--color-aru-ressha-200: #e9d393;
--color-aru-ressha-300: #d1b565;
--color-aru-ressha-400: #be9932;
--color-aru-ressha-500: #aa7f00;
--color-aru-ressha-600: #8f6c00;
--color-aru-ressha-700: #735600;
--color-aru-ressha-800: #563e00;
--color-aru-ressha-900: #3c2b00;
--color-aru-ressha-950: #261800;
}SCSS
$aru-ressha: #cca537;
$aru-ressha-rgb: 204, 165, 55;
$aru-ressha-light: mix(#fff, $aru-ressha, 20%);
$aru-ressha-dark: mix(#000, $aru-ressha, 20%);
.element {
color: $aru-ressha;
box-shadow: 0 0 0 2px rgba($aru-ressha, 0.35);
}