Nazwany kolor · #DDC5AA
Cliff’s View
Cliff’s View to #DDC5AA: rgb(221 197 170), hsl(32 43% 77%), oklch(0.837 0.045 70.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Cliff’s View color name →
#DDC5AA
oklch(0.837 0.045 70.4)
Konwersje koloru
- HEX
- #ddc5aa
- RGB
- rgb(221 197 170)
- HSL
- hsl(32 43% 77%)
- HWB
- hwb(32 67% 13%)
- OKLCH
- oklch(0.837 0.045 70.4)
- OKLab
- oklab(0.837 0.015 0.043)
- CIE Lab
- lab(81.04 5.67 16.85)
- LCH
- lch(81.04 17.78 71.4)
- CMYK
- cmyk(0% 11% 23% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E0CBB2
- E4D0BB
- E7D6C3
- EBDCCC
- EEE2D4
- F2E8DD
- F5EDE5
- F8F3EE
- FCF9F6
Odcienie ciemniejsze
- C0AB93
- A4927D
- 887968
- 6E6153
- 554B3F
- 3D352D
- 26211B
- 110E0B
- 020201
Tony
- D3BEA6
- CAB7A2
- C0B09D
- B7A999
- ADA295
- A49B91
- 9B948D
- 928D88
- 898784
Harmonie kolorów
Komplementarna +180°
- DDC5AA
Cliff’s View
- B4CCE7
≈ Morality
Analogowa -30° +30°
- DDC5AA
Cliff’s View
- E5C0B3
≈ Calico Rose
- D0CBA9
≈ Canary Grass
Triada +120° +240°
- DDC5AA
Cliff’s View
- A8D3D0
≈ Eton Blue
- D3C2E0
≈ Purple Whisper
Komplementarna rozszczepiona +150° +210°
- DDC5AA
Cliff’s View
- AAD1DE
≈ Light Blue Glint
- C3C7E7
≈ Powdered Granite
Tetrada +90° +180° +270°
- DDC5AA
Cliff’s View
- B1D3C0
≈ Ginninderra
- B4CCE7
≈ Morality
- DFBED3
≈ Scandalous Rose
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.66:1 · APCA Lc 29
Ag
AAANa czerni
WCAG 12.64:1 · APCA Lc 74
Najlepszy kolor tekstu: #000000
WCAG 12.64:1 (AAA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
CSS
:root {
--cliff-s-view: #ddc5aa;
--cliff-s-view-rgb: 221 197 170;
--cliff-s-view-oklch: oklch(0.837 0.045 70.4);
}
.element {
color: var(--cliff-s-view);
background-color: hsl(32 43% 77%);
border-color: oklch(0.837 0.045 70.4);
}Tailwind CSS v4
@theme {
--color-cliff-s-view: #ddc5aa;
--color-cliff-s-view-50: #fef3e7;
--color-cliff-s-view-100: #f2e6d8;
--color-cliff-s-view-200: #e1d2c0;
--color-cliff-s-view-300: #c6b49f;
--color-cliff-s-view-400: #b09a82;
--color-cliff-s-view-500: #9a8165;
--color-cliff-s-view-600: #826e56;
--color-cliff-s-view-700: #685845;
--color-cliff-s-view-800: #4d4031;
--color-cliff-s-view-900: #362c22;
--color-cliff-s-view-950: #211911;
}SCSS
$cliff-s-view: #ddc5aa;
$cliff-s-view-rgb: 221, 197, 170;
$cliff-s-view-light: mix(#fff, $cliff-s-view, 20%);
$cliff-s-view-dark: mix(#000, $cliff-s-view, 20%);
.element {
color: $cliff-s-view;
box-shadow: 0 0 0 2px rgba($cliff-s-view, 0.35);
}