이름 색상 · #EEDD55
Biotic Orb
Biotic Orb은(는) #EEDD55: rgb(238 221 85), hsl(53 82% 63%), oklch(0.887 0.154 102.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Biotic Orb color name →
#EEDD55
oklch(0.887 0.154 102.2)
색상 변환
- HEX
- #eedd55
- RGB
- rgb(238 221 85)
- HSL
- hsl(53 82% 63%)
- HWB
- hwb(53 33% 7%)
- OKLCH
- oklch(0.887 0.154 102.2)
- OKLab
- oklab(0.887 -0.032 0.15)
- CIE Lab
- lab(87.68 -5.31 66.23)
- LCH
- lch(87.68 66.45 94.6)
- CMYK
- cmyk(0% 7% 64% 7%)
틴트 · 셰이드 · 톤
틴트
- F0E16C
- F1E480
- F3E892
- F4ECA3
- F6EFB3
- F8F2C3
- F9F6D2
- FBF9E1
- FDFCF0
셰이드
- CFC049
- B1A43D
- 938831
- 776E26
- 5C551C
- 423D11
- 2A2608
- 141102
- 030200
톤
- E2D45E
- D7CA66
- CBC16C
- C0B771
- B5AE75
- AAA578
- 9F9C7B
- 95927D
- 8A897F
색 조화
보색 +180°
- EEDD55
Biotic Orb
- D3D6FF
≈ Pale Phthalo Blue
유사색 -30° +30°
- EEDD55
Biotic Orb
- FFD198
≈ Whipped Apricot
- B3EF80
≈ Green Day
삼각 배색 +120° +240°
- EEDD55
Biotic Orb
- A0E6FF
≈ Winter Wizard
- FFC6E8
≈ Soulmate Pink
분열 보색 +150° +210°
- EEDD55
Biotic Orb
- BFDDFF
≈ Broad Daylight
- EBCCFF
≈ Sparkling Lavender
사각 배색 +90° +180° +270°
- EEDD55
Biotic Orb
- 01F9F4
≈ Arctic Water
- D3D6FF
≈ Pale Phthalo Blue
- FFCACF
≈ Fruit Bowl
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.38:1 · APCA Lc 19
Ag
AAA검은색 위
WCAG 15.10:1 · APCA Lc 85
가장 좋은 글자색: #000000
WCAG 15.10:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--biotic-orb: #eedd55;
--biotic-orb-rgb: 238 221 85;
--biotic-orb-oklch: oklch(0.887 0.154 102.2);
}
.element {
color: var(--biotic-orb);
background-color: hsl(53 82% 63%);
border-color: oklch(0.887 0.154 102.2);
}Tailwind CSS v4
@theme {
--color-biotic-orb: #eedd55;
--color-biotic-orb-50: #fcf8c5;
--color-biotic-orb-100: #f0ebaf;
--color-biotic-orb-200: #dfd889;
--color-biotic-orb-300: #c4bb56;
--color-biotic-orb-400: #b1a103;
--color-biotic-orb-500: #9b8700;
--color-biotic-orb-600: #837300;
--color-biotic-orb-700: #695c00;
--color-biotic-orb-800: #4f4200;
--color-biotic-orb-900: #372e00;
--color-biotic-orb-950: #221a00;
}SCSS
$biotic-orb: #eedd55;
$biotic-orb-rgb: 238, 221, 85;
$biotic-orb-light: mix(#fff, $biotic-orb, 20%);
$biotic-orb-dark: mix(#000, $biotic-orb, 20%);
.element {
color: $biotic-orb;
box-shadow: 0 0 0 2px rgba($biotic-orb, 0.35);
}